<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>生产质量报表</title>
    <!--     <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="generator" content="" /> -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!--  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> -->
    <link href="css/haiersoft.css" rel="stylesheet" type="text/css" media="screen,print" />
    <link href="css/print.css" rel="stylesheet" type="text/css" media="print" />
    <link rel="stylesheet" href="layui/css/layui.mobile.css">
    <!-- <link rel="stylesheet" href="docsupport/style.css"> -->
    <!-- <link rel="stylesheet" href="docsupport/prism.css"> -->
    <link rel="stylesheet" href="css/chosen.min.css">
    <style>
        .checkbox input{
            width: 10px !important;
        }
        .work p:first-child{
            position: relative;
        }

        .workcheck{
 
        }
        .work .chosen-container {
            width: 61% !important;
        }
        .work .chosen-container .chosen-results{
                 text-align: left;   
        }
        .c1_button{
             height: 60px !important;
    
        }    
        .c1_button button{
                margin-top:20px !important;
               
        }
        #Contents .c_left .work .firstp{
            height: 95px;
            line-height: 95px;
        }
        #Contents .c_left .work{
            height: 250px;
        }
        #Contents .c_left  p {
           padding: 10px;
           box-sizing: border-box;

        }
        #Contents .c_left  p span{
          margin-right: 5px;
        }
    </style>
    <script src="js/jquery-1.10.1.min.js"></script>
    <script src="js/side.js" type="text/javascript"></script>
    <script src="layui/layui.all.js"></script>
    <!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
    <script>
        layui.use('laydate', function() {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });
    });
    layui.use('laydate', function() {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });
    </script>
</head>

<body>
    <!-- wrap_left -->
    <div class="wrap_left" id="frmTitle" name="fmTitle">
        <!-- Logo -->
        <div id="Logo"><span>人单合一</span></div>
        <!-- /Logo -->
        <!-- menu_list -->
        <script>
            $(function() {
            $(".menu_list dd");
            $(".menu_list dt").click(function() {
                $(this).toggleClass("open").next().slideToggle("fast");
            });
        });
        </script>
        <div class="menu_list">
            <dl>
                <dt><span>生产过程追溯及其防差错系统</span></dt>
                <dd><a href="index_task.html" title="任务下达">任务下达</a>
                    <a href="index_data.html" title="生产数据明细">生产数据明细</a>
                </dd>
                <dt><span>产品质量统计分析系统</span></dt>
                <dd><a href="index_quality.html" title="生产质量报表">生产质量报表</a>
                    <a href="index_quality.html" title="员工报表">员工报表</a>
                    <a href="index_produce.html" title="生产线能力分析">生产线能力分析</a>
                </dd>
                <dt><a href="index_andon.html"><span>可视化电子看板系统</span></a></dt>
                <dd></dd>
                <dt><a href="index_andon.html"><span>智能安灯系统</span></a></dt>
                <dt><a href="index_setting.html"><span>系统参数配置</span></a></dt>
            </dl>
        </div>
        <!-- /menu_list -->
    </div>
    <!-- /wrap_left -->
    <!-- picBox -->
    <div class="picBox" onclick="switchSysBar()" id="switchPoint"></div>
    <!-- /picBox -->
    <!-- wrap_right -->
    <div class="wrap_right">
        <header>
            <!-- Header -->
            <div id="Header">
                <!-- Head -->
                <div id="Head">
                    <h1 title="中久MES系统">中久MES系统</h1>
                    <script language="javascript">
                        function showmenu(id) { id.style.visibility = "visible"; }

                    function hidmenu() { UserList.style.visibility = "hidden"; }
                    // document.onclick = hidmenu;
                    </script>
                    <div class="user">
                        <img src="">
                        <a>安灯状态标识</a>
                        <!--              <div id="UserList"><a href="">修改</a>
                            <a href="">注销</a>
                            <a href="">退出</a></div> -->
                    </div>
                </div>
                <!-- /Head -->
                <nav>
                    <ul id="Navi">
                        <li><a href="index.html"><img src="images/common/navi01.png" width="30" height="36" alt="主页管理"><span>主页</span></a></li>
                        <li><a href="index_task.html"><img src="images/common/navi03.png" width="26" height="36" alt="合同信息"><span>任务下达</span></a></li>
                        <li><a href="index_data.html"><img src="images/common/navi06.png" width="36" height="36" alt="生产数据明细"><span>生产数据明细</span></a></li>
                        <li class="active"><a href="index_quality.html"><img src="images/common/navi07.png" width="34" height="36" alt="生产质量报表"><span>生产质量报表</span></a></li>
                        <li><a href="index_elect.html"><img src="images/common/navi04.png" width="34" height="36" alt="电子看板"><span>电子看板</span></a></li>
                        <li><a href="index_produce.html"><img src="images/common/navi05.png" width="24" height="36" alt="生产线能力分析"><span>生产线能力分析</span></a></li>
                        <li><a href="index_andon.html"><img src="images/common/navi08.png" width="34" height="36" alt="安灯事件"><span>安灯事件</span></a></li>
                        <li><a href="index_setting.html"><img src="images/common/navi02.png" width="36" height="36" alt="系统设置"><span>系统设置</span></a></li>
                    </ul>
                </nav>
            </div>
            <!-- /Header -->
        </header>
        <!-- Contents -->
        <div id="Contents">
            <div class="c_left">
                <div class="work">
                    <p class="firstp"><span class="workcheck">工序选择</span>
                    </p>
                    <p class="secondp"><span>批次号</span><input type="text" class="batch"></p>
                    <p class="secondp"><span>生产线号</span><input type="text" class="productlineNum"></p>
                </div>
                <div class="c_button c1_button">
                    <button class="search1">查询</button>
                    <!--<button>导出为EXCEL</button>-->
                </div>
                <!--           <div class="emm">
                   
                </div> -->
                <div class="emm">
                    <p><span>员工号</span><input class="employeeCode" type="text"></p>
                </div>
                <div class="time">
                    <p><span>起始时间</span><input type="text" class="layui-input" id="start"></p>
                    <p><span>截止时间</span><input type="text" class="layui-input" id="end"></p>
                </div>
                <div class="c_button">
                    <button class="search2">查询</button>
                    <!--<button>导出为EXCEL</button>-->
                </div>
            </div>
            <div class="c_right">
                <div class="pro_form">
                    <div class="pro_head">
                        <!-- <span>生产质量报表</span> -->
                        　<table border="1" cellspacing="0">
                            <caption colspan="5">生产质量报表</caption>
                            <tr>
                                <!-- <th>生产类型</th> -->
                                <th>工序名称</th>
                                <th>生产批次号</th>
                                <th>生产时间</th>
                                <th>生产总数</th>
                                <th>生产不合格数</th>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="emm_form">
                    <div class="emm_head">
                        <!-- <span>员工报表</span> -->
                        　<table border="1" cellspacing="0">
                            <caption>员工报表</caption>
                            <tr class="process">
                                <th rowspan="2" class="mark">员工号</th>
                                <th rowspan="2" class="employeeCode mark"></th>
                                <th class="mark">工序名称</th>
                                <!--<th>工序1</th>-->
                                <!--<th>工序2</th>-->
                                <!--<th>工序3</th>-->
                                <!--<th>工序3</th>-->
                                <!--<th>工序3</th>-->
                                <!--<th>工序3</th>-->
                                <!--<th>工序3</th>-->
                                <!--<th>工序3</th>-->
                            </tr>
                            <tr class="count">
                                <th class="mark">生产总数</th>
                                <!--<td>1</td>-->
                                <!--<td>2</td>-->
                                <!--<td>3</td>-->
                                <!--<td>4</td>-->
                                <!--<td>5</td>-->
                                <!--<td>6</td>-->
                                <!--<td>7</td>-->
                                <!--<td>8</td>-->
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- /RightForm -->
        <!-- /MainForm -->
        <!-- PageNum -->
        <!--<ul id="PageNum">
<li><a href="">首页</a></li>
<li><a href="">上一页</a></li>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
<li><a href="">6</a></li>
<li><a href="">下一页</a></li>
<li><a href="">尾页</a></li>
</ul>-->
        <!-- /PageNum -->
    </div>
    <!-- /Contents -->
    <!-- /footer -->
    <footer>
        <!--<address>电子邮箱：sales@haiersoft.com  技术支持：<br>杭州中久自控有限公司  Copyright &copy; 2015 Haiersoft Corporation, All Rights.</address>-->
    </footer>
    <!-- /footer -->
    </div>
    <!-- /wrap_right -->
    <script src="js/chosen.jquery.min.js" type="text/javascript"></script>
    <script src="docsupport/prism.js" type="text/javascript" charset="utf-8"></script>
    <script src="docsupport/init.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/baseconfig.js"></script>
    <script src="js/andonStatus.js"></script>
    <script src="js/index_quality.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>